﻿<!DOCTYPE html>
<html>
  <head>
    <title>1-5 闹钟响起</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1-5_闹钟响起/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1-5_闹钟响起/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 闹钟响起 (组 合) -->
      <div id="u788" class="ax_default" data-label="闹钟响起" data-left="44" data-top="14" data-width="1012" data-height="880">

        <!-- Unnamed (手机界面) -->

        <!-- 手机界面 (动态面板) -->
        <div id="u790" class="ax_default" data-label="手机界面">
          <div id="u790_state0" class="panel_state" data-label="State1" style="">
            <div id="u790_state0_content" class="panel_state_content">

              <!-- iPhone 8 (组 合) -->
              <div id="u791" class="ax_default" data-label="iPhone 8" data-left="0" data-top="0" data-width="430" data-height="880">

                <!-- iPhone 8 (图片) -->
                <div id="u792" class="ax_default" data-label="iPhone 8">
                  <img id="u792_img" class="img " src="images/闹钟交互原型/iphone_8_u172.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u793" class="ax_default box_1">
                  <div id="u793_div" class=""></div>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u794" class="ax_default box_11">
                <div id="u794_div" class=""></div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u795" class="ax_default _图片">
                <img id="u795_img" class="img " src="images/闹钟交互原型/u175.jpg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u796" class="ax_default box_2">
                <div id="u796_div" class=""></div>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u797" class="ax_default box_3">
          <div id="u797_div" class=""></div>
        </div>

        <!-- LoopPanel (动态面板) -->
        <div id="u798" class="ax_default" data-label="LoopPanel">
          <div id="u798_state0" class="panel_state" data-label="State1" style="">
            <div id="u798_state0_content" class="panel_state_content">
            </div>
          </div>
          <div id="u798_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
            <div id="u798_state1_content" class="panel_state_content">
            </div>
          </div>
        </div>

        <!-- Clock (矩形) -->
        <div id="u799" class="ax_default label" data-label="Clock">
          <div id="u799_div" class=""></div>
          <div id="u799_text" class="text ">
            <p><span>10:00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u800" class="ax_default _一级标题">
          <div id="u800_div" class=""></div>
          <div id="u800_text" class="text ">
            <p><span>07:40</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u801" class="ax_default _三级标题">
          <div id="u801_div" class=""></div>
          <div id="u801_text" class="text ">
            <p><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">9</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">月</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">9</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">日</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">&nbsp; </span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">星期日</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u802" class="ax_default _一级标题">
          <div id="u802_div" class=""></div>
          <div id="u802_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u803" class="ax_default primary_button">
          <div id="u803_div" class=""></div>
          <div id="u803_text" class="text ">
            <p><span>关闭闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u804" class="ax_default sticky_1">
          <div id="u804_div" class=""></div>
          <div id="u804_text" class="text ">
            <p><span style="font-family:'ArialMT', 'Arial';">1. </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">闹铃从弱至强逐渐响起</span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';">2. </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">闹钟响起，屏幕显示闹钟提示和“关闭闹钟”按钮</span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';">3. </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">显示的当前时间，以设备系统时间为准</span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';">4. </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">闹钟停止：点击“关闭闹钟”按钮，闹钟自动关闭，屏幕显示为用户壁纸和当前日期时间。</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u805" class="ax_default _一级标题">
          <div id="u805_div" class=""></div>
          <div id="u805_text" class="text ">
            <p><span>闹钟响起</span></p>
          </div>
        </div>
      </div>

      <!-- 稍后提醒 (组 合) -->
      <div id="u806" class="ax_default" data-label="稍后提醒" data-left="44" data-top="966" data-width="994" data-height="880">

        <!-- 手机界面 (动态面板) -->
        <div id="u807" class="ax_default" data-label="手机界面">
          <div id="u807_state0" class="panel_state" data-label="State1" style="">
            <div id="u807_state0_content" class="panel_state_content">

              <!-- iPhone 8 (组 合) -->
              <div id="u808" class="ax_default" data-label="iPhone 8" data-left="0" data-top="0" data-width="430" data-height="880">

                <!-- iPhone 8 (图片) -->
                <div id="u809" class="ax_default" data-label="iPhone 8">
                  <img id="u809_img" class="img " src="images/闹钟交互原型/iphone_8_u172.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u810" class="ax_default box_1">
                  <div id="u810_div" class=""></div>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u811" class="ax_default box_11">
                <div id="u811_div" class=""></div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u812" class="ax_default _图片">
                <img id="u812_img" class="img " src="images/闹钟交互原型/u175.jpg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u813" class="ax_default box_2">
                <div id="u813_div" class=""></div>
              </div>
            </div>
          </div>
        </div>

        <!-- LoopPanel (动态面板) -->
        <div id="u814" class="ax_default" data-label="LoopPanel">
          <div id="u814_state0" class="panel_state" data-label="State1" style="">
            <div id="u814_state0_content" class="panel_state_content">
            </div>
          </div>
          <div id="u814_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
            <div id="u814_state1_content" class="panel_state_content">
            </div>
          </div>
        </div>

        <!-- Clock (矩形) -->
        <div id="u815" class="ax_default label" data-label="Clock">
          <div id="u815_div" class=""></div>
          <div id="u815_text" class="text ">
            <p><span>10:00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u816" class="ax_default _一级标题">
          <div id="u816_div" class=""></div>
          <div id="u816_text" class="text ">
            <p><span>07:43</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u817" class="ax_default _三级标题">
          <div id="u817_div" class=""></div>
          <div id="u817_text" class="text ">
            <p><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">9</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">月</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">9</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">日</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">&nbsp; </span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">星期日</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u818" class="ax_default _一级标题">
          <div id="u818_div" class=""></div>
          <div id="u818_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u819" class="ax_default primary_button">
          <div id="u819_div" class=""></div>
          <div id="u819_text" class="text ">
            <p><span>关闭闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u820" class="ax_default _一级标题">
          <div id="u820_div" class=""></div>
          <div id="u820_text" class="text ">
            <p><span>稍后提醒 2:34</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u821" class="ax_default sticky_1">
          <div id="u821_div" class=""></div>
          <div id="u821_text" class="text ">
            <p><span style="font-family:'ArialMT', 'Arial';">1.</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">在【闹钟</span><span style="font-family:'ArialMT', 'Arial';">-</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">响起】页面，轻按手机音量键或者关机键，可延迟闹钟响起时间，开启贪睡模式。</span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';">2.</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">贪睡模式开启后，所有闹钟叫醒动作停止，屏幕显示</span><span style="font-family:'ArialMT', 'Arial';">“</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">稍后提醒</span><span style="font-family:'ArialMT', 'Arial';"> X</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">分</span><span style="font-family:'ArialMT', 'Arial';">X</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">秒</span><span style="font-family:'ArialMT', 'Arial';">”</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">，并倒计时；计时结束时闹钟响起，显示【闹钟</span><span style="font-family:'ArialMT', 'Arial';">-</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">响起】页面，直至用户再次延迟</span><span style="font-family:'ArialMT', 'Arial';">/</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">停止闹钟。</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">3.贪睡模式在闹钟设定时默认开启，用户可根据自身需求开启/关闭。具体操作请见【1-4新闹钟设定】界面。</span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u822" class="ax_default _一级标题">
          <div id="u822_div" class=""></div>
          <div id="u822_text" class="text ">
            <p><span>贪睡模式</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
